.chart-item {
    width: 100%;
    border: 1px solid #ebeef5;
    margin-bottom: 1.25rem;

    .chart-name {
        padding-left: .625rem;
        font-size: 1.1rem;
        height: 3rem;
        font-weight: 700;
        line-height: 3.5rem;
        text-align: left;
        color: rgb(88, 87, 87);
    }

    .chart-box {
        text-align: center;
        width: 100%;
        height: calc(100% - 3.5rem);

        :deep(.chart-content) {
            margin: 0 auto;
            width: 100%;
            height: 25rem
        }


    }
}
.details-item {
    width: 50%;
    border: 1px solid #ebeef5;
    margin:0 auto;
    .chart-name {
        padding-left: .625rem;
        font-size: 1.1rem;
        height: 3rem;
        font-weight: 700;
        line-height: 3.5rem;
        text-align: left;
        color: rgb(88, 87, 87);
    }

    .chart-box {
        text-align: center;
        width: 100%;
        height: calc(100% - 3.5rem);

        :deep(.chart-content) {
            margin: 0 auto;
            width: 100%;
            height: 25rem
        }


    }
}